<script setup lang="ts">
const defaultForm={};
const form=reactive({...defaultForm});

</script>

<template>
<div>
<AuthenText>
<pre>
功能介绍：
1、外部域名入库是指将域名在原注册商PUSH到本站对应账号，再将域名添加到本站域名库，入库完成后，域名可在本站进行交易，出售，以及管理。
2、提交申请后,请尽快进行PUSH操作,系统会自动关闭48小时未完成的入库申请。
</pre>
</AuthenText>
  <el-card>
    <el-form inline  label-suffix="：">
      <el-form-item label="域名">
        <el-input placeholder="请输入要查询的域名"></el-input>
      </el-form-item>
      <el-form-item label="状态" class="w-52">
        <el-select>
          <el-option></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="注册商" class="w-52">
        <el-select>
          <el-option></el-option>
        </el-select>
      </el-form-item>
      <el-form-item>
        <el-button type="primary">搜索</el-button>
      </el-form-item>
    </el-form>
  </el-card>
  <el-card class="mt-4">
    <el-table
        ref="multipleTable"
        :data="[{
          date: '2016-05-03',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄'
        }, {
          date: '2016-05-02',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄'
        }]"
        tooltip-effect="dark"
        style="width: 100%"
        >
      <el-table-column selectable>

      </el-table-column>
      <el-table-column
          label="域名"
          >
        <template slot-scope="scope">{{ scope.row.date }}</template>
      </el-table-column>
      <el-table-column
          label="注册商"
          >
        <template slot-scope="scope">{{ scope.row.date }}</template>
      </el-table-column>
      <el-table-column
          label="数量"
          >
        <template slot-scope="scope">{{ scope.row.date }}</template>
      </el-table-column>
      <el-table-column
          prop="name"
          label="所需费用"
          >
      </el-table-column>
      <el-table-column
          prop="address"
          label="提交时间"
          >
      </el-table-column>
      <el-table-column
          prop="address"
          label="状态"
      >
      </el-table-column>
      <el-table-column
          prop="address"
          label="操作"
      >
        <template slot-scope="scope">
          <div class="flex w-full">
            <el-button class="ml-1">管理</el-button>
            <el-button class="ml-1">解析</el-button>
            <el-button class="ml-1">续费</el-button>
            <el-button class="ml-1">备注</el-button>
            <el-button class="ml-1">出售</el-button>
          </div>
        </template>
      </el-table-column>
    </el-table>
    <div>
      <div class="flex">
        <el-checkbox class="ml-2"></el-checkbox>
        <el-button class="ml-4" type="primary">批量接受</el-button>
        <el-button>批量拒绝</el-button>
      </div>
      <div>
        <MyPage></MyPage>
      </div>
    </div>

  </el-card>
</div>
</template>

<style scoped lang="scss">

</style>